<template>
  <div id="app">
    <nav-bar :msg1='msg1' :msg2='msg2'/>
    <div class="success">
      <img src="../../assets/success.png">
      <div class='title'>申请提交成功</div>
      <div>正在为您处理，请耐心等待，可在 <span>[提交记录]</span>查看进度</div>
      <div>处理结果我们将及时通过邮件通知您，还请留意</div>
    </div>
  </div>
</template>

<script>
// import { NavBar } from 'vant'
import NavBar from '@/components/NavBar.vue'


export default {
  components: {
    NavBar
  },
  name: 'app',
  data(){
      return {
        msg1: '充值帮助中心',
        msg2: '提交记录',
      }
    },
  mounted(){

    let appealexpires = document.cookie.indexOf("appealexpires")
    if(appealexpires == -1){
      var exp = new Date();
      exp.setTime(exp.getTime() + 3*60*1000);
      document.cookie = "appealexpires=true;expires="+ exp.toGMTString()
      // localStorage.setItem("appealexpires", true, 1000)
    }
  },
  methods: {
    // onClickLeft () {
    //   console.log('返回');
    // },
    // onClickRight () {
    //   console.log('按钮');
    // }
  }
}
</script>

<style lang='less'>
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
.success {
  text-align: center;
  img {
    width: 150px;
    height: 150px;
    margin-top: 100px;
  }
  div {
    font-size: 14px;
    line-height: 22px;
    color: #919191;
    span {
      color: #e3a029;
    }
  }
  .title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    color: black;
  }
}
</style>
